<template>
  <div class="ledwindowbox">
    <div 
      class="ledWindow" 
      id="ledWindow" 
      :style="{width:width+2+'px',height:height+2+'px',transformOrigin:'left top',transform:`scale(${rate})`}">
    </div>
  </div>
</template>

<script>


export default {
  data() {
    return {
      rate:1
    };
  },

  props: {
    width:{
      type:Number,
      default:0
    },
    height:{
      type:Number,
      default:0
    },
  },
  methods: {
    transformScale(rate){
      this.rate = rate;
      this.$bus.$emit('changeRate', {rate: rate});
      this.$bus.$emit('resetClick');
    }
  }
};
</script>

<style lang="less" scoped>
.ledwindowbox{
  // display: flex;
  // justify-content: center;
  // align-items: center;
}
.ledWindow{
  overflow: hidden;
  background-color: #000;
  position: relative;
}

</style>
